/* 顶部 */
.top{
    background: linear-gradient(to right,#FF9901,#FF654D);
    height: 1.4rem;
    padding: 0rem .2rem;
}
.top .box1{
    display: flex;
    justify-content: space-between;
    padding: .1rem 0rem;
}
.top .box1 span{
    color: white;
    margin: 0rem .08rem;
}
.top .box1 img{
    vertical-align: middle;
}
.top .box3{
    display: flex;
    justify-content: space-between;
    padding: .05rem 0rem;
}

/* 主要内容 */
.bot{
    padding: 0rem .15rem;
    background: rgb(247,247,247);
    height: 130vh;
}

/* 宫格 */
.bot .type{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bot .type .typeItem{
    height: .6rem;
    width: .75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: .15rem 0rem;
}
.bot .type .typeItem img{
    width: .3rem;
    height: .3rem;
}
.bot .type .typeItem p{
    font-size: .16rem;
}

/* 红包活动 */
.bot .hb{
    width: 100%;
}
.bot .hd{
    width: 100%;
    border-radius: .2rem;
}

/* 筛选条件 */
.bot .sift{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bot .sift span{
    padding: .07rem .1rem;
}

/* 推荐商家 */
.bot .recommend{
    background: white;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    padding: .16rem 0rem;
    margin: 0.15rem 0rem;
    border-radius: .15rem;
}
.bot .recommend img{
    width: 24%;
}
.bot .recommend .info{
    height: 1.1rem;
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.bot .recommend .info span{
    margin-right: .06rem;
}